.middle {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 80px;
    padding-bottom: 60px;

    .centerConTent {
        display: flex;
        background-color: #fff;
        box-shadow: 0px 0px 20px 10px #d5d5d5;

        .login_bg_BhkCABSr {
            width: 790px;
            height: 480px;

            img {
                width: 100%;
                height: 100%;
            }
        }

        .centerfrom {
            padding: 20px;
            width: 350px;
            position: relative;
            height: 60px;

            .LandingMode {
                display: flex;
                width: 350px;
                justify-content: center;
                height: 60px;
                margin-bottom: 20px;

                .LandingModeSize {
                    align-self: center;
                    font-size: 24px;
                    font-weight: bold;

                }

                .LandingModeCode {
                    position: absolute;
                    right: 20px;
                    top: 20px;
                    width: 60px;
                    height: 60px;

                    img {
                        width: 100%;
                        height: 100%;
                    }
                }

            }


            .usernameInp {
                border-radius: 5px;
                border: 1px solid var(--el-border-color);
                display: flex;
                justify-content: space-between;
                margin-bottom: 20px;
                height: 48px;

                .inp {
                    display: flex;

                    .icon {
                        padding: 10px;

                        display: flex;
                        align-self: center;
                    }
                }

                .imgcode {
                    height: 48px;
                    border-top-right-radius: 4px;
                    border-bottom-right-radius: 4px;
                    overflow: hidden;

                    img {
                        height: 100%;
                    }
                }

            }

            .submit {
                width: 100%;

                .but {
                    width: 100%;
                }
            }


            .loginWay {
                display: flex;
                justify-content: center;

                .loginWayType {
                    width: 18px;
                    height: 18x;
                    margin-left: 15px;

                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
            }
        }
    }


}
